﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" href="{:ADDON_PUBLIC_PATH}/css/weuix.min.css" />
		<link rel="stylesheet" type="text/css" href="{:ADDON_PUBLIC_PATH}/css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="{:ADDON_PUBLIC_PATH}/css/iconfont.css"/>
		 <script src="{:ADDON_PUBLIC_PATH}/js/zepto.min.js"></script>
		 <script src="{:ADDON_PUBLIC_PATH}/js/swipe.js"></script>
		<title>活动</title>
		  <script>
	      $(function() {
	        $('#slide2').swipeSlide({
	          autoSwipe: true, //自动切换默认是
	          speed: 3000, //速度默认4000
	          continuousScroll: true, //默认否
	          transitionType: 'cubic-bezier(0.22, 0.69, 0.72, 0.88)', //过渡动画linear/ease/ease-in/ease-out/ease-in-out/cubic-bezier
	          lazyLoad: true, //懒加载默认否
	          firstCallback: function(i, sum, me) {
	            me.find('.dot').children().first().addClass('cur');
	          },
	          callback: function(i, sum, me) {
	            me.find('.dot').children().eq(i).addClass('cur').siblings().removeClass('cur');
	          }
	        });
	      });
	    </script>
		<style type="text/css">
			body{
				background: #FFFFFF;
			}
			.li{
				display: block;
				width: 15%;
				height: 110px;
				border-right: 1px solid #ACACAC;
			}
			.re{
				position: relative;
				left: -33px;
			}
    		.mytop{
    			width: 100%;
    		}
    		.mytop img{
    			width: 100%;
    			height: 185px;
    		}
    		div.pad{
    			padding-top: 0.3em;
    			padding-bottom: 0.3em;
    		}
    		
    		.hong{
    			color: #A63A62;
    		}
    		p.weui-media-box__desc{
    			margin-top: 6px;
    			margin-bottom: 0px;
    			font-size: 14px;
    			-webkit-line-clamp: 3;
    		}
    		.weui-media-box {
			    padding: 5px;
			    padding-bottom: 7px;
			    padding-top: 7px;
			}
			.weui-media-box_appmsg .weui-media-box__hd {
			    width: 125px;
			    height: 100px;
			    line-height: 100px;
			}
			.weui-media-box__thumb{
				border-radius: 13px;
			}
			.borderr{
				overflow: hidden;
				border: 1px solid #CCCCCC;
				width: 100%;
			}
			.borderr .panddin{
				padding: 5px;
			}
			p.timer-coler{
				background:#FDF8FE; 
				padding: 5px; 
				margin-top: 5px;
  				display: flex;
  				justify-content: center;
  				clear: both;
			}
			p.timer-coler span:nth-child(2){
				font-size: 16px; 
				color: #D84C29;
				font-weight: bold;
			}
			p.timer-coler span{
				padding: 0px 10px;
			}
			.weui-media-box:before{
				border: none;
			}
			@media screen and (max-width: 360px) {
				.weui-media-box_appmsg .weui-media-box__hd {
				    width: 100px;
				    height: 80px;
				    line-height: 80px;
				}
				p.timer-coler{
					font-size: 13px;
				}
			}
		</style>
	</head>
	<body>
		<div class="mytop">
			    <div class="slide" id="slide2">
      <ul>
		      <li>
		          <a href="#">
		            <img src="{:ADDON_PUBLIC_PATH}/images/b1.jpg" alt="">
		          </a>
		        </li>
		        <li>
		          <a href="#">
		            <img src="{:ADDON_PUBLIC_PATH}/images/b2.jpg" alt="">
		          </a>
		        </li>
		        <li>
		          <a href="#">
		            <img src="{:ADDON_PUBLIC_PATH}/images/b3.png" alt="">
		          </a>
		        </li>
		      </ul>
		      <div class="dot">
		        <span></span>
		        <span></span>
		        <span></span>
		      </div>
		    </div>
		</div>
		<div class="weui-panel__hd">更多活动</div>
		<div class="weui-panel__bd">
		<volist name="data" id="val">
                <a href="{:U('studInfo',array('aid'=>$val['id']))}" class="weui-media-box weui-media-box_appmsg">
                    <div class="borderr">
                    	<div class="panddin">
                    		<div class="weui-media-box__hd" style="float: left !important;">
		                        <img class="weui-media-box__thumb" src="__ROOT__{:get_cover($val['coverimg'],'path')}" alt="">
		                    </div>
		                    <div class="weui-media-box__bd" style="">
		                        <h4 class="weui-media-box__title">{$val['actname']}</h4>
		                        <p class="weui-media-box__desc">{$val['actjian']}</p>
		                    </div>
                    	</div>
	                    <p class="weui-media-box__desc timer-coler">
				            <span>{:date('Y-m-d',$val['start_time'])}</span>
				            <span class="iconfont icon-jiantouyou"></span>
				            <span>{:date('Y-m-d',$val['end_time'])}</span>
				        </p>
                    </div>
                </a>
		</volist>     
            </div>
		<div class="weui-footer" style="margin-top: 55px;">
		  <p class="weui-footer__links">
		    <a href="javascript:void(0);" class="weui-footer__link">微生活工作室</a>
		  </p>
		  <p class="weui-footer__text">Copyright © 20017-2018</p>
		</div>
		
		
	</body>
	
</html>
